<div class="logo"></div>
<div class="content">
    <ul id="navfouce" class="navlist">
        <li><a href="/">首页</a></li>
        <li><a href="/html/gift.html">礼物</a>
            <ul class="nav-sublist">
                <li class="jewelryType">
                    <h3 class="mcate-item-hd"><span>类型</span></h3>
                    <p class="mcate-item-bd">
                        <a href="javascript:;" class-type="necklaces" classdesc="项链系列">项链</a><br>
                        <a href="javascript:;" class-type="earrings" classdesc="耳坠系列">耳坠</a><br>
                        <a href="javascript:;" class-type="bracelets" classdesc="手链/手镯系列">手链</a><br>
                        <a href="javascript:;" class-type="rings" classdesc="戒指系列">戒指</a><br>
                        <h4><a href="#">查看全部&gt;&gt;</a></h4>
                    </p>
                </li>
                <li class="series">
                    <h3 class="mcate-item-hd"><span>系列</span></h3>
                    <p class="mcate-item-bd">
                        <a href="javascript:;" class-type="HT">海豚系列</a><br>
                        <a href="javascript:;" class-type="YJ">遇见系列</a><br>
                        <a href="javascript:;" class-type="F">F系列</a><br>
                        <a href="javascript:;" class-type="CB">彩宝系列</a><br>
                        <a href="javascript:;" class-type="HT">更多作品</a>
                    </p>

                </li>
                <li class="price">
                    <h3 class="mcate-item-hd"><span>价格</span></h3>
                    <p class="mcate-item-bd">
                        <a href="javascript:;" class-type="0$between$2000">2000以下</a><br>
                        <a href="javascript:;" class-type="2000$between$4000">2000-4000</a><br>
                        <a href="javascript:;" class-type="4000$between$8000">4000-8000</a><br>
                        <a href="javascript:;" class-type="8000$between$12000">8000-12000</a><br>
                        <a href="javascript:;" class-type="more$12000">12000以上</a><br>
                    </p>
                </li>
                <li>
                    <img class="type-img" src="https://www.formyrose.com//img/nav/wy.jpg" alt="">
                </li>
            </ul>
        </li>

        <li><a href="/html/ring.html">婚戒</a>
            <ul class="nav-sublist">
                <li>
                    <h3 class="mcate-item-hd"><span>婚戒</span></h3>
                    <p class="mcate-item-bd">
                        <a href="#">钻戒系列</a><br>
                        <a href="#">对戒系列</a><br>
                        <h4><a href="#">查看全部&gt;&gt;</a></h4>
                    </p>
                </li>
                <li><img class="ring-img" src="https://www.formyrose.com//img/nav/wj.jpg" alt="">
                </li>
            </ul>
        </li>

        <li><a href="javascript:;">真爱定制</a>
            <ul class="nav-sublist">
                <li>
                    <h3 class="mcate-item-hd"><span>真爱定制</span></h3>
                    <p class="mcate-item-bd">
                        <p>一句告白，一件信物，一生承诺。</p><br>
                        <p>与FOREVER一起见证动人的爱情故事</p><br>
                        <h4><a href="#">开始定制&gt;&gt;</a></h4>

                    </p>
                </li>
                <li><img class="truelove-img " src="https://www.formyrose.com//img/nav/des.jpg" alt="">
                </li>
            </ul>
        </li>

        <li><a href="#">FOREVER世界</a>
            <ul class="nav-sublist foworld-nav">
                <li>
                    <a href=""><img class="foworld-img" src="https://www.formyrose.com/img/b1.jpg" alt="">品牌文化</a>
                </li>
                <li>
                    <a href=""><img class="foworld-img" src="https://www.formyrose.com/img/b2.jpg" alt="">品牌公艺</a>
                </li>
                <li>
                    <a href=""><img class="foworld-img" src="https://www.formyrose.com/img/b3.jpg" alt="">品牌实体店</a>
                </li>
                <li>
                    <a href=""><img class="foworld-img" src="https://www.formyrose.com/img/b4.jpg" alt="">品牌咨询</a>
                </li>
            </ul>
        </li>

        <li><a href="#">实体店</a></li>

        <li><a href="#"><i class="glyphicon glyphicon-phone-alt"></i> 联系我们</a></li>

        <div class="pop-box-bg login"></div>
        <div class="pop-box-bg reg"></div>
    </ul>
</div>
<div class="user no_login">
    <i class="glyphicon glyphicon-user"></i>
    <a href="javascript:;" class="pop-box-btn login-btn" flag="login">登录</a> /
    <a href="javascript:;" class="pop-box-btn reg-btn" flag="reg">注册</a> ｜
    <a href="/html/shopcart.html"><i class="glyphicon glyphicon-shopping-cart "></i> 购物车(<span class="shopcart_num">0</span>)</a>
</div>
<ul class="user yes_login hidden">
    <li><a href="">欢迎您，<b id="loginedUser">dary</b></a></li>
    <li><a href="javascript:;" id="cancelUser">注销</a></li>
    <li><a href="/html/shopcart.html"><i class="glyphicon glyphicon-shopping-cart "></i> 购物车(<span class="shopcart_num">0</span>)</a></li>
</ul>